<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>购物车宣传页</title>
    <link rel="stylesheet" type="text/css" href="css/jquery.fullpage.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <script src="js/html5shiv.min.js"></script>
</head>

<body>
    <!-- 固定元素 -->
    <a class="go" href="javascript:;"><img src="images/00-go.png"></a>
    <a class="more" href="javascript:;"><img src="images/00-more.png"></a>
    <!-- 分屏主体 -->
    <div class="container">
        <!-- 第一屏 -->
        <div class="section screen01">
            <div class="content">
                <div class="fly"><img src="images/01-fly.png" alt=""></div>
                <div class="goods"><img src="images/01-goods.png" alt=""></div>
                <div class="sofa"><img src="images/01-sofa.png" alt=""></div>
            </div>
        </div>
        <!-- 第二屏 -->
        <div class="section screen02">
            <div class="content">
                <!-- 沙发 -->
                <div class="sofa"><img src="images/02-sofa.png" alt=""></div>
                <!-- 商品列表 -->
                <div class="goods">
                    <img src="images/02-goods.png" alt="">
                </div>
                <!-- 文字 -->
                <div class="text">
                    <img src="images/02-text1.png" alt="" class="text1">
                    <img src="images/02-text2.png" alt="" class="text2">
                </div>
                <!-- 搜索框 -->
                <div class="input">
                    <img src="images/02-search.png" alt="" class="search">
                    <img src="images/02-key.png" alt="" class="key">
                </div>
            </div>
        </div>
        <!-- 第三屏 -->
        <div class="section screen03">
            <div class="content">
                <!-- 沙发 -->
                <div class="sofa"><img src="images/02-sofa.png" alt=""></div>
                <div class="size">
                    <img src="images/03-change01.gif" alt="" class="change01">
                    <img src="images/03-change02.gif" alt="" class="change02">
                </div>
                <div class="cart">
                    <img src="images/03-cart01.gif" alt="" class="cart01">
                    <img src="images/03-cart02.gif" alt="" class="cart02">
                </div>
            </div>
        </div>
        <!-- 第四屏 -->
        <div class="section screen04">
            <div class="content">
                <div class="cloud">
                    <img src="images/04-cloud.png" alt="">
                </div>
                <div class="text">
                    <img src="images/04-text01.png" alt="" class="text1">
                    <img src="images/04-text02.png" alt="" class="text2">
                </div>
                <div class="address">
                    <img src="images/04-address01.png" alt="" class="address1">
                    <img src="images/04-address02.png" alt="" class="address2">
                </div>
                <div class="cart">
                    <img src="images/04-cart.png" alt="">
                </div>
                <div class="sofa">
                    <img src="images/04-sofa.png" alt="">
                </div>
            </div>
        </div>
        <!-- 第五屏 -->
        <div class="section screen05 ">
            <div class="content">
                <div class="sofa">
                    <img src="images/04-sofa.png" alt="">
                </div>
                <div class="text">
                    <img src="images/05-text.png" alt="">
                </div>
                <div class="card">
                    <img src="images/05-card.png" alt="">
                </div>
                <div class="order">
                    <img src="images/05-order.png" alt="">
                </div>
                <div class="mouse">
                    <img src="images/05-mouse01.png" alt="" class="mouse1">
                    <img src="images/05-mouse02.png" alt="" class="mouse2">
                </div>
                <div class="hand">
                    <img src="images/05-hand.png" alt="">
                </div>
            </div>
        </div>
        <!-- 第六屏 -->
        <div class="section screen06 ">
            <div class="content">
                <div class="cloud">
                    <img src="images/06-cloud01.png" alt="" class="cloud1">
                    <img src="images/06-cloud02.png" alt="" class="cloud2">
                </div>
                <div class="text">
                    <img src="images/06-text01.png" alt="" class="text1">
                    <img src="images/06-text02.png" alt="" class="text2">
                </div>
                <div class="box">
                    <img src="images/06-box.png" alt="">
                </div>
                <div class="car">
                    <img src="images/06-car.png" alt="" class="car1">
                    <img src="images/06-address.png" alt="" class="address">
                    <img src="images/06-buyer.png" alt="" class="buyer">
                    <img src="images/06-worker.png" alt="" class="worker">
                    <img src="images/06-say.png" alt="" class="say">
                </div>
                <div class="person">
                    <img src="images/06-door.png" alt="" class="door">
                  <img src="images/06-person.png" alt="" class="person1">
                    
                    
                </div>
            </div>
        </div>
         <!-- 第七屏 -->
        <div class="section screen07 ">
            <div class="content">
                <div class="star">
                    <img src="images/07-star.png" alt="">
                    <img src="images/07-star.png" alt="">
                    <img src="images/07-star.png" alt="">
                    <img src="images/07-star.png" alt="">
                    <img src="images/07-star.png" alt="">
                </div>
                <div class="text">
                    <img src="images/07-text.png" alt="">
                </div>
            </div>
        </div>
        <!-- 第八屏 -->
        <div class="section screen08 ">
            <div class="content">
                <div class="btn">
                    <img src="images/08-btn01.png" alt="" class="btn1">
                    <img src="images/08-btn02.gif" alt="" class="btn2">
                </div>
                <div class="again">
                    <img src="images/08-again.png" alt="">
                </div>
                <div class="hand">
                    <img src="images/08-hand.png" alt="">
                </div>
            </div>
        </div>
    </div>
</body>

<script src="js/jquery.min.js"></script>
<script src="js/jquery.fullpage.js"></script>
<script src="js/index.js"></script>

</html>
